<!DOCTYPE HTML>
<html lang="en-US">
<head>
	<meta charset="UTF-8">
	
	<title>topMOVIES.com | Register</title>
	
	<link rel="stylesheet" href="style/style.css">
	<link rel="stylesheet" href="style/reset.css">
	
	<script type="text/javascript" src="js/jquery.js"></script>
	<script type="text/javascript" src="js/validate.js"></script>
	<script type="text/javascript">
		$(document).ready(function(){
		    $('#container #register #registerform').validate();
		})  
	</script>
	<script type="text/javascript" src="js/register.js"></script>
	</head>
<body style="background: #f3f3ea;">
	<div id="wrap">
		<div id="top-page">
			<p><a href="register.html">Register</a> | <a href="login.html">Login</a></p>
		</div><!--end #top-page-->

		<div id="header">
			<h1><a href="#">topMOVIES</a></h1>
		</div><!--end #header-->

		<div class="top-bar-wrap" style="background: #CA4C3F;">
			<div id="top-bar">
				<ul id="menu">
					<li><a href="home.html"><img src="images/home.png" alt="">&nbsp;Home</a></li>
					<li><a href="movies.html"><img src="images/video.png" alt="">&nbsp;Movies</a>
					
					</li>
					<li><a href="contact.html"><img src="images/phone.png" alt="">&nbsp;Contact</a></li>
					<li><a href="about.html"><img src="images/man.png" alt="">&nbsp;About Us</a></li>
					<li><a href="gallery.html"><img src="images/photo.png" alt="">&nbsp;Gallery</a>
					
					</li>
					<li><a href="news.html"><img src="images/rss.png" alt="">&nbsp;News</a></li>				
				</ul>
				<div class="clearfix"></div>
			</div><!--end #top-bar-->
		</div>

		<div id="container">
			<div class="form" id="register">
				<h1>REGISTER</h1>
				<form id="registerform" name="registerform" method="post" action="#" onSubmit="register()">
					<table>	
						<tr>
							<td><label>First name <span>*</span></label></td>
							<td><input name="firstname" type="text" id="firstname" class="required" size="50" ></td>
						</tr>
						<tr>
							<td><label>Last name <span>*</span></label></td>
							<td><input name="lastname" type="text" id="lastname" class="required" size="50" ></td>
						</tr>
						<tr>
							<td><label>Email <span>*</span></label></td>
							<td><input name="mail" type="text" id="mail" class="required email" size="50" ></td>
						</tr>
						<tr>
							<td><label>User name <span>*</span></label></td>
							<td><input name="username" type="text" id="username" class="required" size="50" ></td>
						</tr>
						<tr>
							<td><label>Password <span>*</span></label></td>
							<td><input name="password" type="password" id="password" class="required" minlength='6' size="50" ></td>
						</tr>
						<tr>
							<td><label>Confirm password <span>*</span></label></td>
							<td><input name="cpassword" type="password" id="cpassword" 	equalTo="#password" size="50" ></td>
						</tr>
						<tr>
							<td></td>
							<td><input id="submit" type="Submit" value="Submit"></td>
						</tr>
					</table>
			</div><!--end #register-->
		</div><!--end #container-->

		<div id="footer">
            <div id="top-footer">
            	<h1><a href="home.html">topMOVIES</a></h1>
            </div><!--end #bottom-footer-->
            
            <div id="bottom-footer">
            	<p id="left">© 2008 - 2012 The topMOVIES</p>
                <p id="right">
                	<a href="contact.html"> Contact </a>  /  <a href="about.html"> About Us </a>  /  <a href="home.html"> topMOVIES </a>
                </p>
            </div><!--end #bottom-footer-->
		</div><!--end #footer-->

		
	</div><!--end #wrap-->

	<div id="fixed">			
            <div id="fixed-wrap">	
            	<span>Social Links: </span>
            	<a href="http://www.google.com"><img src="images/social/google.png" alt="google" /></a>
                <a href="http://www.facebook.com"><img src="images/social/facebook.png" alt="facebook" /></a>
                <a href="http://www.Twitter.com"><img src="images/social/twitter.png" alt="twitter" /></a>
                <a href="http://www.youtube.com"><img src="images/social/youtube.png" alt="youtube" /></a>
            </div>
	</div><!--end #fixed-->
</body>
</html>